
// var container = document.querySelector(".list")
// $(document).ready(function(){
//     $.ajax({
//         url:"http://localhost:8080/static/data/list.json"
//     })
//     .done(function(data){
//         render(data)
//     })
    
// })
// function render(res){
//     container.innerHTML= res.list.map(
//         // console.log(res),
//         item=>
//         `
//         <div class="list_box">
//         <a href=""><img src="${item.img_1}"></a> 
//             <p style="width:230px">${item.title}</p>
//             <span>${item.jia}</span>
//         </div>
//         `
//     ).join("")
// }

//   container.innerHTML = .map(
//     item => `
//             <div class="list_box">
//             <a href=""><img src="${item.img}" alt=""></ a>
//             <p class="title">${item.title}</p >
//             <span>${item.jia}</span>
//             </div>`
//   ).join("");


$(window).ready(function(){
    $.ajax({
        url:"http://127.0.0.1:8888/goods/list",
        data:{
            current:1,pagesize:30
        },
        dataType:"json"
    })
    .done(function(data){
        yemian(data)
        fenyeqi(data)
        console.log(data);
        
    })
})
function yemian(res){
    
    goods_list.innerHTML=res.list.map(item=>
        `
        <div id="goods">
        <a href="../../dist/xiangqing.html#id=${item.goods_id}">
        <img class="lazy" src="${item.img_big_logo}" alt="">
        <h3>${item.title}</h3>
        <h2>${item.price}</h2>
        </a>
        <button data-id="${item.goods_id}" class="btn btn-danger btn-small">加入购物车</button>
        </div>
        `).join("")
}
function fenyeqi(res){
    $("#fenyeqi").pagination({
        pageCount:res.total,
        callback:function (index){
            let res=$.ajax({
                url:"http://127.0.0.1:8888/goods/list",
                data:{
                    current:index.getCurrent(), pagesize: 30
                }
            })
            .done(function(res){
                yemian(res)
            })
        }
    })
}